<template>
    <div class="city">
        <div class="tip">
            LK 活动平台在以下城市举办过活动
        </div>
        <el-tag v-for="tag in tags" :key="tag.name" closable :type="tag.type">
            {{tag.name}}
        </el-tag>
    </div>
</template>
<script>
// @ 是 /src 的别名
export default {
    name: 'City',
    props: {

    },
    data() {
        return {
            tags: [
                { name: '湘潭', type: '' },
                { name: '长沙', type: 'success' },
                { name: '株洲', type: 'info' },
                { name: '北京', type: 'warning' },
                { name: '上海', type: 'danger' }
            ]
        }
    },
    methods: {

    }
}
</script>
<style scoped lang="styl">
    .el-tag {
    margin-right: 20px;
    height: 50px;
    line-height: 50px
    padding:0 20px;
    font-size: 18px;
  }
  .tip
    margin: 25px 0
    font-size 25px
</style>